<template>
    <div>
        <Header></Header>
        <group style="margin-top:-20px;">
            <panel header="我的代金卷"  :list="list" type="5" ></panel>
        </group>
        <Footer></Footer>
    </div>
</template>

<script>
import Header from '@/components/commons/header/header'
import Footer from '@/components/commons/footer/footer'
    export default {
        name: 'voucher',  //代金卷
        data () {
            return {
                list:[{
                    src: 'http://placeholder.qiniudn.com/60x60/3cc51f/ffffff',
                    title: '50元代金卷',
                    desc: '满150立减50！！！',
                     url: {
                        path: '/component/radio',
                        replace: false
                    },
                    meta: {
                    source: '系统',
                    date: '2018-04-30~2018-6-20',
                    other: '2张'
                    }
                }, {
                    src: 'http://placeholder.qiniudn.com/60x60/3cc51f/ffffff',
                    title: '100元代金卷',
                    desc: '满200立减100！！！',
                    url: {
                        path: '/component/radio',
                        replace: false
                    },
                    meta: {
                    source: '系统',
                    date: '2018-04-30~2018-6-20',
                    other: '1张'
                    }
                }],
            }
        },
        components: {
            Header,
            Footer
        }
    }
</script>

<style scoped>

</style>